<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>显示列表项的内容</title>
    <script type="text/javascript">
        var product = new Array("计算机组成原理", "数据结构", "计算机网络", "Java程序设计", "算法分析")

        function displayItem(n, x) {
            alert('教材名称：' + product[n] + '\n' + '定价：' + x.value + '元')
        }
    </script>
</head>

<body>
    <h3>显示列表项的内容</h3>
    <select name="books" size="5">
        <option value="35" onclick="displayItem(0,this)">计算机组成原理</option>
        <option value="38" onclick="displayItem(1,this)">数据结构</option>
        <option value="43" onclick="displayItem(2,this)">计算机网络</option>
        <option value="40" onclick="displayItem(3,this)">Java程序设计</option>
        <option value="28" onclick="displayItem(4,this)">算法分析</option>
    </select>
</body>

</html>